<template>
	<view class="page">
		<view>
			<uni-list :border="false" class="ulist">
				<uni-list-item>
					<view slot="body">
						<view class="re-uni-list-item__content">
							<text class="re-uni-list-item__content-note">公司名称</text>
							<text class="re-uni-list-item__content-title">{{companyname}}</text>
						</view>
					</view>
				</uni-list-item>
				<!-- #ifdef APP-PLUS -->
				<uni-list-item clickable @click="onClick(telephone)">
					<view slot="body" class="slot-box slot-text">
						<view class="re-uni-list-item__content">
							<text class="re-uni-list-item__content-note">联系电话</text>
							<text class="re-uni-list-item__content-title">{{telephone}}</text>
						</view>
					</view>
					<template slot="footer">
						<image class="slot-image" src="/static/img/btn-tel@3x.png" mode="widthFix"></image>
					</template>
				</uni-list-item>
				<!-- #endif -->
				<uni-list-item>
					<view slot="body">
						<view class="re-uni-list-item__content">
							<text class="re-uni-list-item__content-note">邮箱</text>
							<text class="re-uni-list-item__content-title">{{email}}</text>
						</view>
					</view>
				</uni-list-item>
				<uni-list-item>
					<view slot="body">
						<view class="re-uni-list-item__content">
							<text class="re-uni-list-item__content-note">公司地址</text>
							<text class="re-uni-list-item__content-title">{{address}}</text>
						</view>
					</view>
				</uni-list-item>
				<!-- <uni-list-item>
					<view slot="body">
						<view class="re-uni-list-item__content">
							<text class="re-uni-list-item__content-note">公众号</text>
							<image src="../../../static/qrcode/qrcode.jpg" mode="heightFix"></u-image>
						</view>
					</view>
				</uni-list-item> -->

			</uni-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				companyname: '河南海米教育',
				telephone: '15093455660',
				email: 'liuchaomuyu@163.com',
				address: '郑州市'
			}
		},
		methods: {
			onClick(num) {
				// plus.device.dial(num,false) 
				console.log("打电话" + num)
				uni.makePhoneCall({
					phoneNumber: num,
					success: (res) => {
						console.log(res)
					},
					fail: (err) => {
						console.log(err)
					}
				})
			}
		}
	}
</script>

<style>
	.ulist {
		margin-top: 8px;
		padding-left: 26rpx;
		padding-right: 26rpx;
		padding-bottom: 13.5px;
	}

	.re-uni-list-item__content {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex: 1;
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;

	}

	.re-uni-list-item__content-note {
		margin-top: 6rpx;
		margin-bottom: 6rpx;
		color: #999999;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 13px;
		line-height: normal;
		letter-spacing: 0px;
		text-align: left;
	}

	.re-uni-list-item__content-title {
		color: #333333;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 15px;
		line-height: normal;
		letter-spacing: 0px;
		text-align: left;
	}

	.uni-list-item__container {
		position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		/* flex-direction: row;
		padding: $list-item-pd;
		padding-left: $uni-spacing-row-lg;
		flex: 1;
		overflow: hidden;
		// align-items: center; */
	}

	.slot-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
	}

	.slot-image {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		margin-right: 0;
		width: 20px;
		height: 20px;
		margin-top: 26rpx;
	}

	.slot-text {
		flex: 1;
		font-size: 14px;
		color: #4cd964;
		margin-right: 10px;
	}
</style>